﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>夏日速递 </title>
  <meta name="description" content="HTML5交互式注册登录切换jQuery特效代码，用户体验友好！" />
  <meta name="keywords" content="HTML5,交互式,注册登录,切换,jQuery特效代码" />
  <meta name="author" content="js代码" />
  <meta name="Copyright" content="js代码" />
  <link rel="stylesheet" href="css/dmaku.css" >
</head>

<body>

<div class="cotn_principal">
  <div class="cont_centrar">
    <div class="cont_login">
      <div class="cont_info_log_sign_up">
        <div class="col_md_login">
          <div class="cont_ba_opcitiy">
            <h2>登录</h2>
            <p>已有账号，直接登录！</p>
            <button class="btn_login" onclick="cambiar_login()">登录</button>
          </div>
        </div>
        <div class="col_md_sign_up">
          <div class="cont_ba_opcitiy">
            <h2>注册</h2>
            <p>还没有账号？免费注册！</p>
            <button class="btn_sign_up" onclick="cambiar_sign_up()">注册</button>
          </div>
        </div>
      </div>
      <div class="cont_back_info">
        <div class="cont_img_back_grey"> <img src="images/po.jpg" alt="" /> </div>
      </div>
      <div class="cont_forms" >
        <div class="cont_img_back_"> <img src="images/po.jpg" alt="" /> </div>
        <p th:text="${hl}"></p>
        <form action="/login" method="post">
          <div class="cont_form_login"> <a href="#" onclick="ocultar_login_sign_up()" >X</a>

            <h2>登录</h2>
            <input type="text" name="username" placeholder="Phone" />
            <input  type="password" name="password" placeholder="Password" />
            <!--          <button  class="btn_login" onclick="cambiar_login()" >登录</button>-->
            <button  type="submit" class="btn_login">登录</button>
            <!--          <input type="submit" name="submit" value="登录" class="btn" />-->
          </div>

        </form>
        <form action="/regist" method="post">
        <div class="cont_form_sign_up"> <a href="#" onclick="ocultar_login_sign_up()">X</a>
          <h2>注册</h2>
          <input type="text" name="username" placeholder="Phone" />
          <input type="password" name="password" placeholder="Password" />
          <input type="password" name="repassword" placeholder="Confirm Password" />
          <button class="btn_sign_up" type="submit" >注册</button>
        </div>
        </form>
      </div>
    </div>
  </div>
</div>

<script src="js/dmaku.js"></script>
<!--动态背景-->
<!--<script>-->
<!--  !function(){-->
<!--    function n(n,e,t){-->
<!--      return n.getAttribute(e)||t-->
<!--    }-->
<!--    function e(n){-->
<!--      return document.getElementsByTagName(n)-->
<!--    }-->
<!--    function t(){-->
<!--      var t=e("script"),o=t.length,i=t[o-1];-->
<!--      return{l:o,z:n(i,"zIndex",-1),o:n(i,"opacity",.5),c:n(i,"color","0,0,0"),n:n(i,"count",99)}-->
<!--    }-->
<!--    function o(){-->
<!--      a=m.width=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth,-->
<!--              c=m.height=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight-->
<!--    }-->
<!--    function i(){-->
<!--      r.clearRect(0,0,a,c);-->
<!--      var n,e,t,o,m,l;-->
<!--      s.forEach(function(i,x){-->
<!--        for(i.x+=i.xa,i.y+=i.ya,i.xa*=i.x>a||i.x<0?-1:1,i.ya*=i.y>c||i.y<0?-1:1,r.fillRect(i.x-.5,i.y-.5,1,1),e=x+1;e<u.length;e++)n=u[e],-->
<!--        null!==n.x&&null!==n.y&&(o=i.x-n.x,m=i.y-n.y,-->
<!--                l=o*o+m*m,l<n.max&&(n===y&&l>=n.max/2&&(i.x-=.03*o,i.y-=.03*m),-->
<!--                t=(n.max-l)/n.max,r.beginPath(),r.lineWidth=t/2,r.strokeStyle="rgba("+d.c+","+(t+.2)+")",r.moveTo(i.x,i.y),r.lineTo(n.x,n.y),r.stroke()))-->
<!--      }),-->
<!--              x(i)-->
<!--    }-->
<!--    var a,c,u,m=document.createElement("canvas"),-->
<!--            d=t(),l="c_n"+d.l,r=m.getContext("2d"),-->
<!--            x=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||-->
<!--                    function(n){-->
<!--                      window.setTimeout(n,1e3/45)-->
<!--                    },-->
<!--            w=Math.random,y={x:null,y:null,max:2e4};m.id=l,m.style.cssText="position:fixed;top:0;left:0;z-index:"+d.z+";opacity:"+d.o,e("body")[0].appendChild(m),o(),window.οnresize=o,-->
<!--            window.οnmοusemοve=function(n){-->
<!--              n=n||window.event,y.x=n.clientX,y.y=n.clientY-->
<!--            },-->
<!--            window.οnmοuseοut=function(){-->
<!--              y.x=null,y.y=null-->
<!--            };-->
<!--    for(var s=[],f=0;d.n>f;f++){-->
<!--      var h=w()*a,g=w()*c,v=2*w()-1,p=2*w()-1;s.push({x:h,y:g,xa:v,ya:p,max:6e3})-->
<!--    }-->
<!--    u=s.concat([y]),-->
<!--            setTimeout(function(){i()},100)-->
<!--  }();-->
<!--</script>-->
<style>
  .copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
</style>
<!--<div class="copyrights" id="links20210126">-->
<!--	Collect from <a href="http://www.cssmoban.com/"  title="网站模板">模板之家</a>-->
<!--	<a href="http://cooco.net.cn/" title="组卷网">组卷网</a>-->
<!--</div>-->
</body>
<style>
  .copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
</style>
<!--<div class="copyrights" id="links20210126">-->
<!--	Collect from <a href="http://www.cssmoban.com/"  title="网站模板">模板之家</a>-->
<!--	<a href="http://cooco.net.cn/" title="组卷网">组卷网</a>-->
<!--</div>-->

</body>
</html>
